<template>
    <div>
        <el-table border header-align="right" header-cell-class-name="center" cell-class-name="center" :data="tableData"
            empty-text="暂无数据">
            <el-table-column prop="operateMan" label="操作者" />
            <el-table-column label="操作时间">
                <template #default="{ row }">
                    <span>{{ formateDate(row.createTime) }}</span>
                </template>
            </el-table-column>
            <el-table-column prop="address" label="订单状态">
                <template #default="{ row }">
                    <span>{{ orderState(row.orderStatus) }}</span>
                </template>
            </el-table-column>
            <el-table-column prop="address" label="付款状态" />
            <el-table-column prop="address" label="发货状态" />
            <el-table-column prop="note" label="备注" />
        </el-table>
    </div>
</template>

<script setup lang="ts">
import { formateDate } from "@/utils/index"
import { orderState, orderSource } from "@/utils/orderStates"
const props = defineProps({
    tableData: {
        type: Array,
        default: []
    }
})
</script>

<style scoped>

</style>